<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>手风琴菜单</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1831845_jxzajygsth.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="container">
        <div class="menu">
            <li class="item" id="user">
                <a href="#user" class="btn"><i class="iconfont icon-wode"></i>个人</a>
                <div class="cmenu">
                    <a href="#">资料</a>
                    <a href="#">头像</a>
                </div>
            </li>

            <li class="item" id="message">
                <a href="#message" class="btn"><i class="iconfont icon-tongxun"></i>消息</a>
                <div class="cmenu">
                    <a href="#">新</a>
                    <a href="#">发送</a>
                    <a href="#">草稿</a>
                </div>
            </li>

            <li class="item" id="order">
                <a href="#order" class="btn"><i class="iconfont icon-liwu"></i>订单</a>
                <div class="cmenu">
                    <a href="#">收货</a>
                    <a href="#">途中</a>
                </div>
            </li>

            <li class="item" id="logout">
                <a href="#logout" class="btn"><i class="iconfont icon-guanbi"></i>退出</a>
            </li>
        </div>
    </div>
</body>
</html>